/** 
 *------------------------------------------------------------------------------
 * @package       T3 Framework for Joomla!
 *------------------------------------------------------------------------------
 * @copyright     Copyright (C) 2004-2013 JoomlArt.com. All Rights Reserved.
 * @license       GNU General Public License version 2 or later; see LICENSE.txt
 * @authors       JoomlArt, JoomlaBamboo, (contribute to this project at github 
 *                & Google group to become co-author)
 * @Google group: https://groups.google.com/forum/#!forum/t3fw
 * @Link:         https://github.com/t3framework/ 
 *------------------------------------------------------------------------------
 */
 

//
// MOBILE
// -------------------------------------------------------------
@media (max-width: 767px) {

  /* HEADER
  --------------------------------------------------------- */
  /* Logo ---*/
  .logo { float: none; text-align: center; }

  /* Head Search --- */
  .head-search {
    float: none;
    margin-top: @baseLineHeight;
  }

  .head-search .input {
    width: 100%;
    .box-sizing(border-box);
    height: 30px;
  }

  /* focus state */
  .head-search .input:focus {
    width: 100%;
  }

  /* SPOTLIGHTS
  --------------------------------------------------------- */
  .t3-sl {
    padding-bottom: @baseLineHeight;
    padding-top: @baseLineHeight;
  }

  /* HOME SPOTLIGHTS
  --------------------------------------------------------- */
  /* Spotlight 1 + 5 ---*/
  .home .t3-sl-1,
  .home .t3-sl-5 {
    margin-left: -20px;
    margin-right: -20px;
    //jumbotron
    .jumbotron {
      padding-top: 30px;
      padding-bottom: 10px;
      //jumbotron btn
      .btn-large {
        font-size: @baseFontSize + 2;
        padding: (@baseFontSize - 2px) (@baseFontSize + 2px);
      }
    }
  }

  /* Spotlight 2 ---*/
  .home .t3-sl-2 {
    text-align: center;
    p {
      font-size: @baseFontSize;
      line-height: @baseLineHeight;
    }
  }

  /* Spotlight 3 & 4 ---*/
  .home .t3-sl-3 p img {
    margin-bottom: 0;
    margin-top: @baseLineHeight;
  }

  .home .t3-sl-3,
  .home .t3-sl-4 {
    p {
      font-size: @baseFontSize;
      line-height: @baseLineHeight;
    }

    //jumbotron
    .jumbotron {
      padding-bottom: 0;
      h1 {
        margin-bottom: @baseLineHeight / 2;
        margin-top: @baseLineHeight / 2;
      }
      p {
        font-size: @baseFontSize;
      }
    }
  }

  /* FOOTER
  --------------------------------------------------------- */
  .t3-footer {
    margin-left: -20px;
    margin-right: -20px;
  }

  /* Footnav ---*/
  .t3-footnav {
    padding: @baseLineHeight 20px 0;
    font-size: @T3smallerFontSize;
  }

  .t3-footnav .module-title {
    font-size: @baseFontSize;
    font-weight: bold;
  }

  /* Copyright ---*/
  .t3-copyright {
    padding: @baseLineHeight 20px (@baseLineHeight * 2);
    .clearfix();
  }

  .copyright,
  .poweredby {
    float: none;
    display: inline-block;
  }

  .poweredby {
    margin-top: @baseLineHeight / 2;
  }

}